
    //选择图片
    $('.select').on('click',()=>{
        //触发input的点击事件click()
        $('#file').click()
    })
    //给input注册 change事件 获取用户上传图片的信息
    let base64Str = ''
    $('#file').on('change',(e)=>{
        const files = e.target.files
        if(files.length === 0) return
        // console.log(files[0]);
        const blobUrl = window.URL.createObjectURL(files[0])
        $('#image').prop('src',blobUrl)
    
        // 将图片文件转化成base64字符串
        // 1.声明一个js文件流
        let reader = new FileReader()
        if(files[0]){
            reader.readAsDataURL(files[0])
            reader.onloadend =  ()=> {
                //  console.log(reader.result);
                 base64Str = reader.result
            }
        }
    })
    // encodeURIComponent 前端的编码方式
    // decodeURIComponent 前端的解码方式

    //上传头像
    $('.sure').on('click',()=>{
        if(!base64Str) return layer.msg('请上传图片')
        const data = `avatar=${encodeURIComponent(base64Str)}`
        axios.post('http://api-breakingnews-web.itheima.net/my/update/avatar',data,{headers:{Authorization:localStorage.getItem('token')}}).then(({data:res})=>{
            layer.msg(res.message)
            if(res.status === 0){
                // console.log(res);
                window.parent.getUserInfo()
            }
        })
    })

    function selfUser() {
        axios.get('http://api-breakingnews-web.itheima.net/my/userinfo',{headers:{Authorization:localStorage.getItem('token')}}).then(({data:res})=>{
            console.log(res);
            if(res.status === 0){
                let {user_pic} = res.data
               if(user_pic) $('#image').prop('src',user_pic)
        }
        })
      }
      selfUser()